
#order{
	margin: 0 auto;
		width: 60%;
		border-radius: 10px;
		border:1px solid #B4D2E3;
		.gou{
			background-color: #f8f8f8;
			border-bottom: 1px solid #B4D2E3;
			.title{
				height: 60px;
				font-size: 20px;
				line-height: 60px;
				margin-left: 20px;
				
			}
		}
		.text{
			background-color: #f8f8f8;
			display: flex;
			    padding: 20px 0;
			    border: 1px solid #e9e9e9;
			    border-top: 0;
			    // position: relative;
				div{
					
					float: left;	
				}
				.t-checkbox{
					// height: 18px;
					//     line-height: 18px;
					    // padding-top: 7px;
						flex: 1;
					    width: 10%;
					    padding-left: 20px;
				}
				.t-goods{
					width: 35%;
					margin-left: 20px;
					flex: 2;
				}
				.t-price{
					flex: 1;
					width: 10%;
					// padding-right: 30px;
				}
				.t-num{
					flex: 1;
					width: 10%;
					// padding-right: 30px;
				}
				.t-sum{
					flex: 1;
					width: 10%;
					// padding-right: 30px;
				}
				.t-action{
					flex: 1;
					width: 10%;
					// padding-right: 30px;
				}
				
		}
		.cart-item-list{
			
			.cart-item {
				display: flex;
			    height: 120px;
			    border-style: solid;
			    border-width: 2px 1px 1px;
			    border-color: #f1f1f1 #f1f1f1 #f1f1f1;
			    padding-top: 20px;
				div{
					// float: left;	
				}
				.p-checkbox {
					flex: 1;
				    width: 10%;
				    padding-left: 20px;
				}
				.p-goods {
					flex: 2;
				    margin-top: 20px;
					// margin-left: 10px;
				    width: 38%;
					.p-img {
						// flex: 1;
					    float: left;
					    border: 1px solid #ccc;
					    padding: 5px;
						width: 10%;
					}
					.p-msg {
						// flex: 1;
						overflow: hidden;
						text-overflow: ellipsis;
						// white-space: nowrap;
						display: -webkit-box;
						-webkit-line-clamp: 3; // 控制多行的行数
						-webkit-box-orient: vertical;
					    float: left;
					    width: 20%;
					    margin: 0 20px;
					}
				}
				
				.p-price {
					flex: 1;
				    // width: 10%;
					margin-top: 20px;
					// margin-left: -10px;
				}
				
				
				.p-num {
					flex: 1;
					margin-top: 20px;
					// margin-left: 10px;
				    width: 170px;
					.quantity-form{
						width: 80px;
						height: 22px;
						.decrement,.increment{
							float: left;
							    border: 1px solid #cacbcb;
							    height: 18px;
							    line-height: 18px;
							    padding: 1px 0;
							    width: 16px;
							    text-align: center;
							    color: #666;
							    margin: 0;
							    background: #fff;
							    margin-left: -1px;
						}
						.itxt{
							 float: left;
							     border: 1px solid #cacbcb;
							     width: 42px;
							     height: 18px;
							     line-height: 18px;
							     text-align: center;
							     padding: 1px;
							     margin: 0;
							     margin-left: -1px;
							     font-size: 12px;
							     font-family: verdana;
							     color: #333;
							     -webkit-appearance: none;
						}
					}
				}
				.p-sum {
					flex: 1;
					font-weight: 700;
					// width: 145px;
					margin-top: 20px;
					// margin-left: -10px;
				}
				.p-action{
					
					flex: 1;
					margin-top: 20px;
					.del{
						border: 1px solid #cacbcb;
						text-align: center;
					}
				}
			}
		}
		.cart-floatbar{
			// height: 60px;
			// border: 1px solid #f0f0f0;
			background: #fff;
			position: relative;
			margin-bottom: 50px;
			// line-height: 60px;
			.select-all{
				float: left;
				height: 18px;
				line-height: 18px;
				padding: 16px 0 16px 20px;
				white-space: nowrap;
				input{
					vertical-align: middle;
					display: inline-block;
					margin-right: 5px;
				}
			}
			.operation{
				float: left;
				width: 200px;
				margin-left: 40px;
				// margin-top: ;
				padding: 16px 0 16px 20px;
				
			}
			.toolbar-right{
				float: right;
				.amount-sum{
					float: left;
					padding: 16px 0 16px 20px;
					em{
						font-weight: 700;
						color: #E2231A;
						padding: 0 3px;
					}
				}
				.price-sum{
					float: left;
					margin: 0 15px;
					padding: 16px 0 16px 20px;
					em{
						font-size: 16px;
						color: #E2231A;
						font-weight: 700;
					}
				}
				.btn-area{
					font-weight: 700;
					width: 94px;
					height: 52px;
					line-height: 52px;
					color: #fff;
					text-align: center;
					font-size: 18px;
					font-family: "Microsoft YaHei";
					background: #B4D2E3;
					overflow: hidden;
				}
			}
		}
	}
	